<!DOCTYPE html>
<!-- Created by huanggw on 2015/11/8. -->
<html ng-app="userpage">
<head lang="en">
    <meta charset="UTF-8">
    <title>个人空间</title>
    <script src="https://api.map.baidu.com/api?v=2.0&ak=mMl4XyXODSMmvGPZ4N78LV0j"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular.min.js"></script>
    <script src="/javascripts/angular-animate.min.js"></script>
    <script src="/javascripts/server.js"></script>
    <script src="/javascripts/userpage.js"></script>
    <link rel="stylesheet" href="/stylesheets/userpage.css">
</head>
<body ng-controller="userCtrl">
<div id="header"><a href="/">SchoolGate3D</a></div>
<div style="width: 50%; height: 80px; line-height: 80px; padding:0 25%; position: fixed; top: 36px; background: rgb(255, 251, 240)">
    <div id="username">moments of {{username}}</div>
</div>
<div id="optContainer">
    <div id="comment" ng-class="{selected: chosen==0}" ng-click="choose(0)">评论</div>
    <div id="like" ng-class="{selected: chosen==1}" ng-click="choose(1)">喜欢</div>
    <div class="numbers">{{numbers}}</div>
</div>
<div class="space"></div>
<div style="width: 100%; margin: auto; text-align: center; padding-top: 146px; padding-bottom: 20px; ">
    <div style="width: 50%; margin: 0 25%; padding: 10px; float:left; overflow: hidden">
        <div class="nomoment" ng-show="nomoment == 1">
            没有动态。。。
        </div>
        <div class="moment" ng-repeat="moment in moments">
            <div class="name"><a ng-bind="username" href="/home?user={{username}}"></a></div>
            <div class="info">
                <div class="time" ng-bind="moment.time"></div>
                <div class="position" ng-show="chosen==0" ng-mouseenter="floatMap($event, $index, 1)" ng-mouseout="close()">{{moment.schoolname+moment.campusname+moment.gatename}}</div>
            </div>
            <div>
                <div class="comment" ng-bind="moment.comment" ng-show="chosen==0"></div>
                <div class="raise" ng-show="chosen==1"><div style="float:left;">为</div>
                    <div class="position" ng-mouseenter="floatMap($event, $index, 2)" ng-mouseout="close()">{{moment.schoolname+moment.campusname+moment.gatename}}</div>
                    点赞</div>
            </div>
        </div>
    </div>
    <div class="loading" ng-show="shouldScroll">{{tip}}</div>
</div>
<div id="float">
    <div id="map"></div>
    <div id="footer">
        <div id="likenum" ng-bind="likenum"></div>
    </div>
</div>
</body>
</html>